$(document).ready(function() 
{
	/*
	 * Variaveis
	 */
	var LARGURA_BORDA = 2;

	var primeiroClick	= true;
	

	/*
	 * Metodos
	 */

	function desenharPonto(x, y)
	{
		$('#myCanvas').drawEllipse(x-LARGURA_BORDA-5, y-LARGURA_BORDA-5, 5, 5, {color:'black'});
	}


	function debug(string)
	{
		$('#debug').css('visibility', 'visible');
		$('#debug').text(string);
	}
	
	/*************************************/

	//$("#myCanvas").fillPolygon([1, 300, 90, 30], [1, 300, 90, 30], {color:'yellow', alpha: 1}); // debug


	$('myCanvas').mouseover(function() 
	{
		$(this).css('cursor', 'pointer');
	});	


	$('#myCanvas').click(function(eventObj)
	{
		var location = $('#myCanvas').elementlocation();
		var x = eventObj.pageX - location.x;
		var y = eventObj.pageY - location.y;

		if (primeiroClick)
		{
			primeiroClick = false;
		}
		else
		{
			// desenhar um traco
		}
		desenharPonto(x, y);
	});
});
